// 生成0-max的
const generator = (max) => {
  const obj = {}

  for (let i = 0; i < max; i++) {
    obj[i] = `${i}px`
  }

  return obj
}

module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx,vue}'],
  theme: {
    borderRadius: {
      8: '8px'
    },

    fontSize: {
      default: ['13px', '13px'],
      '13-22': ['13px', '22px'],
      10: ['10px', '10px'],
      11: ['11px', '11px'],
      12: ['12px', '12px'],
      13: ['13px', '13px'],
      14: ['14px', '14px'],
      '14-0': ['14px'],
      15: ['15px', '15px'],
      16: ['16px', '16px'],
      18: ['18px', '18px'],
      20: ['20px', '20px'],
      22: ['22px', '22px'],
      24: ['24px', '24px'],
      25: ['25px', '25px'],
      26: ['26px', '26px'],
      28: ['28px', '28px'],
      30: ['30px', '30px']
    },
    extend: {
      colors: {
        111: '#111111',
        222: '#222222',
        333: '#333333',
        777: '#777777',
        999: '#999999',
        red: '#E73D38',
        f9: '#f9f9f9',
        f7: '#f7f7f7',
        d2: '#d2d2d2',
        '1890ff': '#1890ff',
        969799: '#969799'
      },
      lineHeight: {
        47: '47px',
        18: '18px',
        22: '22px',
        23: '23px',
        20: '20px'
      },
      width: generator(400),
      spacing: generator(400)
    }
  },
  plugins: []
}
